<template>
  <view class="cart-item">
    <a-checkbox v-model="allChecked" label="动力科技品牌电脑">
      <up-icon name="arrow-right" size="12" style="margin-top: 4rpx"></up-icon>
    </a-checkbox>
    <view class="flex p-c-15" v-for="i of 3" :key="i">
      <a-checkbox v-model="allChecked"></a-checkbox>
      <up-image shape="square" radius="12rpx" :show-loading="true"
                src="https://picsum.photos/200/300" width="130rpx"
                height="130rpx" style="margin:0 20rpx"></up-image>
      <view class="" @click="toPath('/shop/index/detail?id=12')">
        <view class="text-1">asdfasdfasdfasdfadfsad</view>
        <view class="u-f-sm f-c-9 p-c-15">樱花粉;N100-6G-1TB;</view>
        <view class="u-f-sm" style="color: #dc8a61">
          库存紧张 · 7天无理由退货 · 极速退款
        </view>
        <view style="padding-top: 15rpx">
          <view class="u-f-sl" style="color: #ee5a12;font-weight: 600">
            ￥240.00 | 券后￥<span class="u-f-sl">1744.00</span>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script lang="ts">
import {defineComponent} from 'vue'
import {toPath} from "@/util/router/router";

export default defineComponent({
  name: "cart--item",
  methods: {toPath}
})
</script>

<style scoped lang="scss">
@import "~@/static/css/index.css";

.cart-item {
  padding: 20rpx;
  background: #fff;
  margin: 20rpx;
  border-radius: 5rpx;
}
</style>